<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="checkbox" id="ck" />
		<hr />
		<div id="div">
			<input type="checkbox"/><br />
			<input type="checkbox" /><br />
			<input type="checkbox" /><br />
			<input type="checkbox" /><br />
			<input type="checkbox" />
		</div>
        <script>
            //1:给第一个标签对象 绑定事务(单击事务)
            let first=document.getElementById("ck");
                first.onclick=function(){
                    //2:获取其他五个标签对象 实现同步全选or不选
                    let mdiv=document.getElementById("div");
            let av=mdiv.getElementsByTagName("input");
                    for (let i = 0; i < av.length; i++) {
               av[i].checked=this.checked
               console.log(av[i])
            }
   
                }           
          
        </script>
	</body>
</html>